<template>
    <div class="tips-dialog" v-show="showTips">
        <div class="tips">
            <div class="title">Tips</div>
            <div class="text1">You have an order to repay.</div>
            <div class="text2">If you pay it back on time, you'll get a <span>higher amount </span> on your next loan.</div>
            <div class="tips-btn-group">
                <button class="btn-ui" @click="cancel">cancel</button>
                <button class="btn-ui" @click="returnTo">repay</button>
            </div>
        </div>
    </div>
</template>
<script>
    export default{
        props: {
            pageTrackerInfo: {
                type: Object,
                default: () => {}
            },
        },
        data(){
            return{
                showTips:false
            }
        },
        methods:{
            cancel(){
                this.showTips = false;
                this.$buryPoint.action({
                    eventName: 'list_repayPopup_close_click',
                    ...this.pageTrackerInfo
                });
            },
            returnTo(){
                this.$buryPoint.action({
                    eventName: 'list_repayPopup_repay_click',
                    ...this.pageTrackerInfo
                });
                this.$router.push('/bill')
            }
        }
    }
</script>
<style lang="scss" scoped>
</style>
